// src/router/index.js
import {
	createRouter,
	createWebHistory
} from 'vue-router';
import Home from '@/views/Home.vue'; // 导入 Home 布局组件
import Login from '@/views/Login.vue';
import Index from '@/views/Index.vue'

const routes = [{
		//重定向到展示页 
		path: '/',
		redirect: '/index'
	},
	{
		path: '/index',
		component: Index,
	},
	{
		path: '/home',
		component: Home, // 使用 Home 作为布局
		history: createWebHistory(), //启用 history 模式
		children: [
			// 子路由将渲染到 Home 的 <router-view> 中
			{
				path: '', // 空路径代表默认子路由
				name: 'HomeView',
				component: () => import('@/views/HomePage.vue'), // 实际首页内容组件
			}
		],
	},
	{
		path: '/login',
		component: Login,
	},
	{
		// path: '*',新版VueRouter已废弃以‘*’为通配符
		path: '/:pathMatch(.*)*',
		name: 'NotFound',
		component: () => import('@/views/NotFind.vue')
	},
	{
		// path: '*',新版VueRouter已废弃以‘*’为通配符
		path: '/Unauthorized',
		name: 'Unauthorized',
		component: () => import('@/views/Unauthorized.vue')
	},
];
const noAuthUrls = ["/login", "/unauthorized"];

// router.beforeEach((to, from, next) => {

// 	// 1. 检查是否在无需认证的白名单中
// 	if (noAuthUrls.includes(to.path)) {
// 		next() // 放行登录页 
// 		return
// 	}

// 	// 2. 需要认证的路径，检查 token
// 	const token = getToken()
// 	if (token) {
// 		next()
// 	} else {
// 		// 未登录时重定向到未授权页
// 		next('/unauthorized')
// 	}
// })

const router = createRouter({
	history: createWebHistory(),
	routes,
});

export default router;